﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Dark Pro - Contact</title>
<meta http-equiv="content-type" content="application/xhtml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!--[if lt IE 8.]><link rel="stylesheet" type="text/css" href="css/style-ie.css" /><![endif]-->
<!--[if lt IE 7.]><link rel="stylesheet" type="text/css" href="css/style-ie6.css" /><![endif]-->
<!-- Form validation by http://www.TechiePark.com starts here-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.pngFix.js"></script>
<script type="text/javascript">
$().ready(function() {
	// validate the contact form when it is submitted
	$("#contactForm").validate({

		rules: {
			name: "required",
			email: {
				required: true,
				email: true
			}
		},
		messages: {
			name: "* Please enter your name",
			email: "* Please enter a valid email address"
		}
	});
});
</script>
<style type="text/css">
#contactForm label.error {
	padding-left:8px;
	background-color:#ff0000;
	color:#ffffff;
	padding:2px;
	width: auto;
	display: inline;
}
</style>
<script type="text/javascript">$(document).ready(function(){ $(document).pngFix(); });</script>
</head>
<body>
<!-- Main Body Starts Here -->
<div id="main_body">
  <!-- Top Part Starts Here -->
  <div id="top_part">
    <!-- Top Part Image Starts Here -->
    <div id="top_part_image">
      <!-- Logo Part Starts Here -->
      <div id="main_logo"> <a href="#"><img src="images/main_logo.png"  alt=""  /></a> </div>
      <!-- Logo Part Ends Here -->
    </div>
    <!-- Top Part Image Ends Here -->
    <!-- Main Menu Starts Here -->
    <div id="main_menu_bg">
      <!-- Main Menu Body Starts Here -->
      <div id="main_menu_body">
        <!-- Menu Links Starts Here -->
        <div class="menu_links"> <a href="index.html" class="menu_links">HOME</a><span class="menu_border">&nbsp;</span> <a href="about.html" class="menu_links">ABOUT</a><span class="menu_border">&nbsp;</span> <a href="#" class="menu_links">SERVICES</a><span class="menu_border">&nbsp;</span> <a href="client.html" class="menu_links">CLIENTS</a><span class="menu_border">&nbsp;</span> <a href="contact.html" class="menu_active">CONTACT</a> </div>
        <!-- Menu Links Ends Here -->
      </div>
      <!-- Main Menu Body Ends Here -->
    </div>
    <!-- Main Menu Ends Here -->
  </div>
  <!-- Top Part Ends Here -->
  <!-- Content Body Starts Here -->
  <div id="inner_content_body">
    <!-- Left Content Body Starts Here -->
    <div class="left_content_body">
      <!-- Heading -->
      <p class="page_title"> CONTACT US </p>
      <!-- Heading -->  
      <p style="margin-top:15px;" class="text_style2">Contact from</p>
      dapibus egestas, tellus ipsum rhoncus 
      orci, eu vestibulum nisi orci quis nunc.Curabitur auctor leo vehicula justo 
      ac euismod justo rhoncus. <br />
      <br />
      <!-- Form Starts Here -->
      <div class="contact">
        <form id="contactForm"  method="post" action="#">
          <p> Name <span class="star">*</span> <input type="text" name="name" id="name" value=""/></p>
            
          <p style="margin-top:20px;"> E-Mail <span class="star">*</span> </p>
            <input type="text" name="email" id="email" value=""/>
          <p style="margin-top:20px;"> Your Message </p>
          <p>
            <textarea rows="3" cols="50" name="message"></textarea>
          </p>
          <p style="margin-top:20px;">
            <input type="image" src="images/send_btn.png" name="submit" id="submit"  />
          </p>
        </form>
      </div>
      <!-- Form Ends Here -->
    </div>
    <!-- Left Content Body Ends Here -->
    <!-- Right Content Body Starts Here -->
    <div class="right_content_body">
      <!-- Contact Starts here -->
      <!-- Heading -->
      <p class="page_sub_title"> STAY IN TOUCH </p>
      <!-- Heading -->
      <ul class="more_links">
        <li>9839 Lorem Ipsum</li>
        <li>India, Bangalore</li>
        <li>Asia, India</li>
        <li>Telephone: <b>+91 - 1234567890</b></li>
        <li>Email: <b>contact@design3edge.com</b></li>
      </ul>
      <br />
      <!-- Social Starts Here -->
      <!-- Heading -->
      <p class="page_sub_title"> FOLLOW US ON </p>
      <!-- Heading -->
      <div id="social_bookmark_box"> <a href="#"><img src="images/twitter_icon.png" alt="" /></a> <a href="#"><img src="images/facebook_icon.png" alt="" /></a> <a href="#"><img src="images/linkdin_icon.png" alt="" /></a> </div>
      <!-- Social Ends Here -->
      <br />
      <!-- Testimonial Starts Here -->
      <!-- Heading -->
      <p class="page_sub_title"> TESTIMONIAL </p>
      <!-- Heading -->
      <div class="testi_box1"> <span>Technology advances are providing tools to create Rich Internet Applications (RIA) based on the tenets of Web 2.0 </span>
        <p>- sada (Design3Edge) </p>
        <!-- Testimonial Ends here -->
      </div>
      <!-- Contact Ends Here -->
    </div>
    <!-- Right Content Body Ends here -->
    <!-- Clear -->
    <div class="clear"> </div>
    <!-- Clear -->
  </div>
  <!-- Content Body Ends Here -->
  <!--Footer Starts Here -->
  <div id="footer">
    <div class="left">
      <div class="footer_links" ><a  href="#">Home</a> &nbsp;| &nbsp;<a  href="#">About</a> &nbsp;| &nbsp;<a  href="#">Services</a> &nbsp;| &nbsp;<a  href="#">Clients</a> &nbsp;| &nbsp;<a  href="#">Contact</a></div>
    </div>
    <div class="right" style="padding-right:30px;"> Copyright &copy; 2010 <a style="color:#ffffff;" href="#">Name Here</a>. All rights reserved | Design by <a style="color:#ffffff;" href="http://www.design3edge.com/">Design3Edge</a></div>
  </div>
  <!-- Footer Ends Here -->
</div>
<!-- Main Body Ends Here -->
</body>
</html>